<template>
  <div id="Shopping-Cart">
    <IndexTop :c2="false" :c3="false"></IndexTop>
    <Shopping-Top></Shopping-Top>
    <div class="shopping-content">
         <div class="sh-ct-cr">
             <img src="../../assets/Shopping/购物车.png" alt="购物车">
             <div class="sh-ct-cr-rt">
                 <p>您的购物车是空的</p>
                 <p>
                    <router-link to="/" class="shopping-span">去首页看看</router-link> 
                 </p>
             </div>
         </div>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
import IndexTop from "../zfc/IndexTop";
import Footer from '../Footer';
import ShoppingTop from './Shopping-Top';
export default {
  name: "Shopping-Cart",
  data() {
    return {};
  },
  components: {
    IndexTop,
    Footer,
    ShoppingTop,
  },
};
</script>
<style scoped>

.shopping-content{
    width: 1280px;
    height: 495px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.sh-ct-cr{
    width: 350px;
    height: 110px;
    display: flex;
    justify-content: space-between;
}
.sh-ct-cr img{
    width: 125px;
    height: 110px;
    
}
.sh-ct-cr-rt {
    width: 230px;
    height: 110px;
}
.sh-ct-cr-rt p:nth-child(1){
    width: 230px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #666;
}
.sh-ct-cr-rt p:nth-child(2){
    width: 230px;
    height: 60px;
}
.shopping-span{
    display: block;
    width: 170px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #ec6a17;
    color: #fff;
    border-radius: 10px;
    margin-left: 35px;
    margin-top: 8px;
    text-decoration: none;
}
</style>
